Résumé cours html |
L´Hypertext Markup language, généralement abrégé HTML, est un language de description des pages web. Le principe de ce language est l'utilisation des balises.
Une balise est formée par des caractères spéciaux servant à repérer des parties de texte devant recevoir un traitement particulier. Elle est encadrée par (<) et (>).
Exemple <h1>.
Les balises HTML fonctionnent par paire et agir sur les éléments qu'elles encadrent: la balise d'ouverture <...> et la balise de fermeture</...> .
Dans un fichier HTML, la structure des balises est le même:
1.<!doctype html...> (Déclaration du type de document)
2.<HTML> (Obligatoire au début et à la fin du fichier HTML)
3.<HEAD> (En-tête d'un fichier HTML)
<TITLE>Titre de la page</TITLE>
</HEAD>
4.<BODY> (Encadre le corps d'un fichier HTML.)
Contenu de la page
</BODY>
5.</HTML>
Voici quelques exemples de balises HTML courants:
BALISE |
DESCRIPTION |
ATTRIBUTS |
EXEMPLE |
EFFET |
link |
créer un lien vers un fichier externe (une feuille de style). |
type, href, rel |
<link href="style.css" rel="stylesheet" type="text/css"> |
------------ |
a |
créer un lien hypertexte vers une autre page web ou vers une ancre. |
href, name, target, |
<a href= "http://www.machaon.fr/isn.html">site ISN </a> |
site ISN |
p |
constituer un nouveau paragraphe. |
align, class |
(...)blanche neige.<p>Il était une fois </p> |
(...)blanche neige. Il était une fois |
u |
afficher le texte en souligné. |
----------- |
<u>texte souligné</u> |
texte souligné |
big |
Augmente légèrement la taille du texte. |
----------- |
<big>texte en big</big> |
texte en big |
small |
dimunuer légèrement la taille du texte |
----------- |
<small>texte en small</small> |
texte en small |
img |
ajouter une image |
src, border, width, height, alt, align, hspace, vspace |
<img src="lotus.jpg" border=0 width=140 height=70> |
|
table |
créer un tableau |
align, border, cellpadding, cellspacing, bgcolor, width |
<table border="1" width="100%"><td>celulle 1</td><td>cellule 2</td></table> |
|
div |
regrouper des éléments pour en contrôler la structure avec des feuilles de styles |
id, class
| <div class="menu">Votre menu</div> |
------------- |
|